body {font-family:微软雅黑;color:#000;background-color:#fff;}
::-webkit-input-placeholder {color:#999999;}
.singupInput::-webkit-input-placeholder {color:white;}
div {word-break:break-all;}
a{text-decoration: none;color:#e63232;}
#content{background-color:#fff;font-size: 0.9em;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;}
.hide {display:none;}
.visib{visibility:hidden}
.fleft {float:left;}
.fright {float:right;}
.umauto{margin:0 auto}
.tx-c{text-align:center;}
.tx-l{text-align:left;}
.tx-r{text-align:right;}
.td-ul{text-decoration: underline;}
.um_auto{margin:0 auto;}
.ubn{border:none;}
.ubw{border:6px solid white;}
.wb_a {word-break: break-all;}
.shadow{
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.1) inset;
  -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.1) inset;
}
.nowrap{text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important}
.blur {-webkit-filter: blur(8px);filter: blur(8px);}

.uwp15{width:15%;}
.uwp18{width:18%;}
.uwp20{width:20%;}
.uwp25{width:25%;}
.uw40{width:40%;}
.uw45{width:45%;}
.uw50{width:50%;}
.uw55{width:55%;}
.uw60{width:60%;}
.uw65{width:65%;}
.uw70{width:70%;}
.uw75{width:75%;}
.uw80{width:80%;}
.uw90{width:90%;}
.uw100{width:100%;}
.uh100{height:100%;}
.uhp1 {height:0.1em;}
.uhp15 {height:0.15em;}
.uwp5 {width:0.5em;}
.uhp5 {height:0.5em;}
.uhp7 {height:0.7em;}
.uwp7 { width:0.7em; }
.uhp8 {height:0.8em;}
.uw1 { width:1em; }
.uw1p5 { width:1.5em; }
.uh1 { height:1em; }
.uh1p5 { height:1.5em; }
.uh1p7 { height:1.7em; }
.uh1p2 { height:1.2em; }
.uw1p5 { width:1.5em; }
.uw2 { width:2em; }
.uw2p5 { width:2.5em; }
.uh2 { height:2em; }
.uh2p2 { height:2.2em; }
.uh2p5 { height:2.5em; }
.uw3 { width:3em; }
.uh3 { height:3em; }
.uw3p5 { width:3.5em; }
.uh3p5 { height:3.5em; }
.uw4 { width:4em; }
.uw4p5 { width:4.5em; }
.umw4p5{max-width: 4.5em;}
.uh4 { height:4em; }
.uw5 { width:5em; }
.uh5 { height:5em; }
.umw5{max-width: 5em;}
.uw5p5 { width:5.5em; }
.uw6 { width:6em; }
.uh6 { height:6em; }
.uw7 { width:7em; }
.uw7p5 { width:7.5em; }
.uh7 { height:7em; }
.uw8 { width:8em; }
.uh8 { height:8em; }
.uw9 { width:9em; }
.uh9 { height:9em; }
.uw10 { width:10em; }
.umw13{max-width: 13em;}
.uh10 { height:10em; }
.uw11 { width:11em; }
.uh11 { height:11em; }
.uw12 { width:12em; }
.uh12 { height:12em; }
.uw12p5 { width:12.5em; }
.uh13 { height:13em; }
.uh13p5 { height:13.5em; }
.uw14 { width:14em; }
.uh14 { height:14em; }
.uh15 { height:15em; }
.uw15 { width:15em; }
.uw17 { width:17em; }
.uw19 { width:19em; }
.uh21 { height:21em;}
.uh23p5 { height:23.5em;}
.uh24 { height:24em;}
.uh80 { height:80px;}

.umw1p4{min-width:1.4em;}
.umw6{min-width:6em;}
.umw12{min-width:12em;}
.umh_3 {min-height:3em; }
.umh_4 {min-height:4em; }
.umh_5 {min-height:5em; }
.umh_15{min-height: 15em;}

.up_base {padding:1em;}
.up_list {padding:1em; border-bottom:1px solid #cccccc;}
/*.up_list:first-child {border-top:1px solid #1ba9ba;}*/
.up_list1 {padding:0em 1em 1em 0em;}
.childctn:first-child {border-top:0px solid #1ba9ba;}

.upp3 {padding:0.3em;}
.upp4 {padding:0.4em 0;}
.upp5 {padding:0.5em;}
.upp65{padding:0 0.65em !important;}
.upp7 {padding:0.7em;}
.upp8 {padding:0.8em;}
.up1_0 {padding:1em 0;}
.up1_0p15 {padding:0em 15%;}
.up1 {padding:1em;}
.up2 {padding:2em;}
.up3 {padding:3em;}
.upper6562 {padding: 6% 5% 6% 2%;}

.upt_percent15 { padding-top:15%; }
.upt_percent20 { padding-top:20%; }
.upt_percent30 { padding-top:30%; }
.upt_percent40 { padding-top:40%; }
.upt_p3 { padding-top:0.3em; }
.upt_p5 { padding-top:0.5em; }
.upt_p8 { padding-top:0.8em; }
.upt_1 {padding-top:1em;}
.upt_2 {padding-top:2em;}
.upt_3 {padding-top:3em;}
.upt_5 {padding-top:5em;}
.upt_5p5 {padding-top:5.5em;}
.upt_6 {padding-top:6em;}
.upt_7 {padding-top:7em;}
.upt_8 {padding-top:8em;}

.upl_percent4{ padding-left: 4%;}
.upl_percent5{ padding-left: 5%;}
.upl_percent10{ padding-left: 10%;}
.upl_percent14{ padding-left: 14%;}
.upl_percent15{ padding-left: 15%;}
.upl_p2 { padding-left:0.2em; }
.upl_p3 { padding-left:0.3em; }
.upl_p5 { padding-left:0.5em; }
.upl_1 { padding-left:1em; }
.upl_1p4 { padding-left:1.4em; }
.upl_1p5 { padding-left:1.5em; }
.upl_2 { padding-left:2em; }
.upl_2p5 { padding-left:2.5em; }
.upl_3 { padding-left:3em; }
.upl_3p5 { padding-left:3.5em; }
.upl_4 { padding-left:4em; }
.upl_5 { padding-left:5em; }
.upl_5p5 { padding-left:5.5em; }

.upr_percent10{ padding-right: 10%;}
.upr_p3 { padding-right:0.3em; }
.upr_p5 { padding-right:0.5em; }
.upr_1 { padding-right:1em; }
.upr_1p5 { padding-right:1.5em; }
.upr_4 { padding-right:4em; }
.upr_5 { padding-right:5em; }

.upb_p5 { padding-bottom:0.5em; }
.upb_1 { padding-bottom:1em; }
.upb_1p5 { padding-bottom:1.5em; }
.upb_2p5 { padding-bottom:2.5em; }
.upb_3 { padding-bottom:3em; }
.upb_4 { padding-bottom:4em; }

.uptb_p1 { padding:0.1em 0; }
.uptb_p5 { padding:0.5em 0; }
.uptb_p3 { padding:0.3em 0; }
.uptb_1 { padding:1em 0; }
.up152e{ padding: 15px 2em;}

.uplr_p5 { padding:0 0.5em; }
.uplr_1 { padding:0 1em; }
.uplr_2 { padding:0 2em; }
.uplr_12 { padding:1em 2em; }

.upper515{padding:5% 15% 0 15%;}
.upper108{padding:10% 15% 0 15%;}
.upper158{padding:18% 15% 0 15%;}
.uptl { padding:0.5em 1em; }
.uptl1 { padding-top:1.5em; padding-left:3.7em; }
.uptl2 { padding:0.5em 2em; }
.uptlp85 { padding:0.8em 1.5em; }
.upperc510{padding: 5% 0 10% 5%;}
.uptlbrp4{ padding: 0.3em 0.3em 0.3em 0.4em;}
.uptlbrp5{padding: 0.5em 0.5em 0.5em 0em;}
.uptlbr1110{ padding:1em 1em 1em 0em}
.uptlbrp8{ padding:1em 0.8em 0.5em 0.8em}
.uptlbr{padding:2em 0.5em 0.5em 0.5em}
.uptlbrp8082{ padding:0.8em 0em 0.8em 2em}
.uptlbrp83{padding:0.8em 0.8em 0.8em 3.5em}
.uptlbr1p52{ padding:1.5em 0em 1.5em 2em}

.up_title {padding: .7em 0em .7em; margin: 0;}
.up_title_item {padding:0.7em 0.3em; margin: 0;}
.up_title_item.selected {color:#58ad52;}

.up_title_item2 { margin: 0;}
.up_title_item2.selected{color:#58ad52;}
.up_title_item2.selected .text{}

.um_base {margin:1em;}
.um_2 {margin:2em;}
.um_pert5 {margin:5%;}

.ump05{margin:0em 0.5em;}
.ump5{margin:0.5em;}
.ump50{margin:0.5em 0em;}
.um01{margin:0em 1em;}
.um12{margin:0.5em 2em;}
.um22{margin:22% 36%;}
.um26{margin:26% 34%;}
.uml_percent15{margin-left:15%;}
.uml_percent22p5{margin-left:22.5%;}
.uml_p3{margin-left:0.3em;}
.uml_p5{margin-left:0.5em;}
.uml_1{margin-left:1em;}
.uml_2{margin-left:2em;}
.uml_3{margin-left:3em;}
.uml_4p5{margin-left:4.5em;}
.uml_5p9{margin-left:5.9em;}
.uml_7p9{margin:0 auto}

.umr_p5{margin-right:0.5em;}
.umr_1{margin-right:1em;}
.umr_2{margin-right:2em;}

.umr_lrp5{margin-left:0.5em; margin-right:0.5em;}

.umt_percent19{margin-top: 19%;}
.umt_fp3{margin-top: -0.3em;}
.umt_p2 {margin-top:0.2em;}
.umt_p3 {margin-top:0.3em;}
.umt_p5 {margin-top:0.5em;}
.umt_1  {margin-top:1em;}
.umt_1p5{margin-top:1.5em;}
.umt_1p8{margin-top:1.8em;}
.umt_2  {margin-top:2em;}
.umt_3  {margin-top:3em;}
.umt_6  {margin-top:6em;}
.umt_p30  {margin-top:30%;}
.umb_p5  {margin-bottom:0.5em;}
.umb_1  {margin-bottom:1em;}
.umb_2  {margin-bottom:2em;}
.umb_3  {margin-bottom:3em;}

.u_210{width:19em}

.uf1p8 { font-size: 1.8em; }
.uf1p5 { font-size:1.5em; }
.uf1p4 { font-size:1.4em; }
.uf1p3 { font-size:1.3em; }
.uf1p2 { font-size:1.2em; }
.uf1p25 { font-size:1.25em; }
.uf1p1 { font-size:1.1em; }
.ufp7 { font-size:.7em; }
.ufp8 { font-size:.8em; }
.ufp9 { font-size:.9em; }
.uf2 { font-size:2em; }
.uf2p5 { font-size:2.5em; }
.uf4 { font-size:4em; }
.uf3p7{font-size: 3.7rem;}

.input { width:100%; height:2.5em; background:none; border:0; border:none; line-height:normal; font-size:1em; outline:none;}
.input_sz { width:13em; height:2em; background-color:white; border:1px gray solid; line-height:normal; font-size:1em; outline:none;}
.input_login_name { width:60%; height:2em; border-radius:1em;border:2px solid #e63232; line-height:normal; font-size:0.9em; outline:none; background:url(../img/ico_username.png)20px center no-repeat;outline:none;padding:0 5% 0 15%;margin-bottom:5%}
.input_login_pwd { width:60%; height:2em; border-radius:1em;border:2px solid #e63232; line-height:normal; font-size:0.9em; outline:none; background:url(../img/ico_pwd.png)20px center no-repeat;outline:none;padding:0 5% 0 15%;margin-bottom:5%}
.input:focus {border:0; border:none;}
.input_signup{width: 110%;height: 2.5em;background: none;border: none;line-height: normal;font-size: 1em;outline: none}
.input_username {background:url(../img/icon_username.png)20px center no-repeat;padding-left:3em;box-sizing: border-box;}
.input_password {background:url(../img/icon_password.png)20px center no-repeat;padding-left:3em;box-sizing: border-box;}
textarea {font-size:1em; outline:none;}
.btn { border: 0px; text-align: center; border-radius: .3em; -webkit-border-radius: .3em; padding: .7em .7em; }

.signup_input_ctn {position:absolute; width:100%; height: 4px; border-style:solid; border-top-width:0px; border-bottom-width:1px; border-left-width:1px; border-right-width:1px;left: 0px;bottom: -2px;}

.lesson_btn { border-style:solid; border-top-width:1px; border-left-width:1px; border-bottom-width:0px; border-right-width:0px;}
.lesson_btn.selected {color:white; background-color:#1ba9ba;}
.testCtn{
  background-color: black;
  opacity: 0.6;
  padding: 0.3em 1em;
  border-radius: 40px;
  font-size: 0.7em;
  position: absolute;
  right: 5%;
  bottom: 50%;
}
.focus{
    list-style:none;
    width: 0.5em;
    height: 0.5em;
    font-family: Arial;
    cursor: pointer;
    margin: 1px;
    border: 1px solid white;
    border-radius: 50%;
    margin-left: 1em;
    background-color: red;
  }
/*.ubb:last-child{ border-bottom:0px solid;}*/

.talk_ctn { display: inline-block; }
.talk_ctn.left { color:#333333; background-color:#ddebf9; }
.talk_ctn.right { float:right; color:#333333; background-color:#f5f5f5; }
.im_talk_left { background-image: url('../img/talk_ctn_left.png'); position:absolute; left:-0.5em; }
.im_talk_right { background-image: url('../img/talk_ctn_right.png'); position:absolute; right:-0.5em; }

#tabTitle{position:-webkit-sticky;position: sticky;}
#redTab>div{ 
	display: none;
	/*transition: all 1s ease;*/
}
#redTab{background-color: white;}
#redTab>div:target{display:block;};
.footItem{color:white;}
.footItem.selected{color:#e63232;background-color: white;}
.send_ctn{position:fixed;left:0;bottom:0;}
.send_absolute{position:absolute;left:0;bottom:0;}
.tabEvent.selected{color:#e63232;}
/*试题*/
li{ list-style:none;}
.warp{border:1px solid #8aadfd;border-top: none; margin:0 1em; background:#fff;position:relative;}
.issue div{background:#fff;}
.issue h3{ color:#333333; padding:0.6em; border-bottom:1px solid #cccccc;background-color: white;font-weight: normal;}
.issue h3>span{float:right;}
.issue .issbor{height:1px;background-color:#cccccc;width:95%;margin:0 auto;}
.issue ul{padding:0.5em 1em 0.5em 11%;  }
.issue li{line-height:1.5em;min-height:1.5em;border:1px solid #fff;color:#666666;padding:0.5em;margin:0.2em;background-color:#f5f5f5;}
.issue li:hover,
.issue li.hover{border:1px solid #2271e7; background:#feffff;}
.issue li label{width:100%;color:#555;display:block;}
.issue li label>input{margin:0em 2em 0 2em;}
.issue input:checked{width:2.5em;height:2.5em;}
.issue input:checked + font{color:#328be6;}
.issue .tipEvt {background-color:#f5f5f5;margin:1em;}
.scoview{border:2px solid #cccccc;color:#999999;border-radius:50%;position:absolute;top:5%;left:-7%;width:2.5em;height:2.5em;font-size:0.8em;}

.info h4{ height:1.5em;border-bottom:2px solid #eee;margin:1.5em;}
.cntevt{display:none;}
.cnt.selected{display:block;}
.cnt label{width:100%;}
.cnt textarea{resize:none;height:6em;width:100%;}
.cnt h5{color:#666666;font-weight:normal;padding:0.5em;position:relative;margin-left:-5%;font-size:1.2em;}
.cnt h4{font-weight:normal;}
.cnt>h3{display:none;}
/*连线题*/
.matchByLineBox{position:relative;height:10em;width:90%;overflow:hidden;z-index:0;font-size:0.9em;}
.matchSide{border:1px solid #333;position:absolute;}
.mlBoxCol .matchSide{width:6.5em;min-height:2em;top:0.5em;}
.mlBoxCol .matchSideQue{left:0.5em;}
.mlBoxCol .matchSideAns{right:0.5em;}
.matchOne{border:1px solid #ccc;margin:0.2em;min-width:6em;min-height:2em;}
/*拖动排序css*/
.custom_order { padding:0.3em;}
.custom_order ul {position:relative; overflow:hidden;zoom:1;}
.custom_order li {padding:0;border:1px solid #c2c2c2;cursor:pointer;overflow:hidden;}
.custom_order li.drag_li {margin:0.5em 0em;width:100%;height:3em;border:5px solid #c2c2c2;cursor:pointer;overflow:hidden;}
.custom_order li img{width:120px;height:90px}
.custom_order .modbox { margin:0.5em 1em;width:100%;height:3em;border:1px solid #c2c2c2;cursor:pointer;}
.custom_order li table {width:100%;height:6em;border-collapse:collapse;vertical-align:middle;table-layout:fixed;overflow:hidden;}
.custom_order li p {margin:0 auto;width:85%;overflow:hidden;white-space:nowrap;}
.custom_order .no_drag {width:100%;height:3em;overflow:hidden;padding:0;border:0;}
.custom_order .v_middle{height:3em;border:none;padding:0.5em;}
.ico_wrimg{position:absolute;left:-1.5em;width:2em;height:2em;display: none;}
/*评论*/
.commentCon{ color: #333333;background-color: #f5f5f5;border: 1px solid #cccccc;}
.num{position:absolute; left:44.5%; bottom:18%;}
.num li{float:left;list-style:none;width:0.6em;height:0.6em;font-family:Arial;cursor:pointer;margin:1px;border:1px solid white;border-radius:50%;margin-right:0.5em;}
.num li.on{width:0.7em;height:0.7em;border:0;background-color:white;}
.rotate180{-webkit-transform:rotate(180deg) translateZ(0);transform:rotate(180deg) translateZ(0)}
.rotate360{-webkit-transform:rotate(360deg) translateZ(0);transform:rotate(360deg) translateZ(0)}
.imgEvent{/*-webkit-transition: all 0.5s;transition: all 0.5s;*/}
@-webkit-keyframes loading {
    from { -webkit-transform:rotate(0deg) translateZ(0); }
    to { -webkit-transform:rotate(360deg) translateZ(0); }
}
@-webkit-keyframes topShowIn{
	from{ margin-top:-1em;opacity:0;}
	to{ margin-top: 0em;opacity:1;}
}
@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
.out_line {outline:none;}
.br100 {border-radius:100px;}
.bg_szbutt{background-color:#58ad52;color:white;}
.line-hei1p5{line-height:1.5em;}
.line-hei1p7{line-height:1.7em;}
.line-hei2p2{line-height:2.2em;}
.line-hei2{line-height:2em;}
.line-hei3{line-height:3em;}
.ubbp2{border-bottom:2px solid #e6e6e6;}
.c_tip{color:#999;}
.c_hege{ color:#2db312;}
.c_hui{color:#808080;}
.bg_gray{background-color:#cccccc;}

/*loading**************************/
.spinner2 {width: 4em;height: 4em;position: relative;}

.container_1 > div, .container_2 > div, .container_3 > div {
  width: 0.7em;
  height: 0.7em;
  background-color: #fff;
  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.spinner2 .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
.container_2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
.container_3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}
.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }
.container_2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.container_3 .circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
.container_1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.container_2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.container_3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.container_1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.container_2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.container_3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.container_1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.container_2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.container_3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
@keyframes bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

/*弹出框*/
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  min-height: 5em;
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url('../img/fancybox_sprite.png');
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}
.fancybox-lock {
  overflow: hidden;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url('../img/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}
.fancybox-title-float-wrap .child {
  width:100%;
  display: inline-block;
  margin-right: -100%;
  padding: 15px 20px;
  background: transparent; 
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  font-size:1.2em;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
}
